@import 'nprogress/nprogress.css';

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background-color: var(--color-bg-2);
}

.ace_content{
  padding:2px;
}

.chart-wrapper {
  .bizcharts-tooltip {
    background: linear-gradient(
      304.17deg,
      rgb(253 254 255 / 60%) -6.04%,
      rgb(244 247 252 / 60%) 85.2%
    ) !important;
    border-radius: 6px;
    backdrop-filter: blur(10px);
    padding: 8px !important;
    width: 180px !important;
    opacity: 1 !important;
  }
}

.disable-select {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10 and IE Edge */
  user-select: none;
}

.arco-picker-container-shortcuts-placement-left, .arco-picker-range-container-shortcuts-placement-left{
  max-width: 620px;
}

.arco-tree-select .arco-tree-select-view{
  background:  var(--color-neutral-2) !important;
}

.arco-tree-select-open .arco-tree-select-view{
  background:  var(--color-bg-1) !important;
}

.arco-select .arco-select-view{
  background:  var(--color-neutral-2) !important;
}

.arco-select-open .arco-select-view{
  background:  var(--color-bg-1) !important;
}

.tableCellArcoSelect{
  .arco-select .arco-select-view{
    background: var(--color-neutral-1) !important;
  }

  .arco-tree-select .arco-tree-select-view{
    background: var(--color-neutral-1) !important;
  }
}

.arco-link:has(.arco-btn){
  padding:1px 1px !important;
}

body[arco-theme='dark'] {
  .chart-wrapper {
    .bizcharts-tooltip {
      background: linear-gradient(
        304.17deg,
        rgba(90, 92, 95, 0.6) -6.04%,
        rgba(87, 87, 87, 0.6) 85.2%
      ) !important;
      backdrop-filter: blur(10px);
      border-radius: 6px;
      box-shadow: none !important;
    }
  }

  ::-webkit-scrollbar {
    background-color: var(--color-neutral-1);
    width: 12px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-4);
  }

  .arco-tree-select .arco-tree-select-view{
    background: var(--color-fill-3) !important;
  }

  .arco-select .arco-select-view{
    background: var(--color-fill-3) !important;
  }

  .arco-select-addbefore{
    background: var(--color-fill-3) !important;
  }

  .arco-input-inner-wrapper{
    background: var(--color-fill-3) !important;
  }

  .arco-input-inner-wrapper-focus{
    background: var(--color-neutral-1) !important;
  }

  .arco-input-group-addbefore, .arco-input-group-addafter{
    background: var(--color-fill-3) !important;
  }
}

